/**
 * 感叹号
 * @param radio 画布大小比例
 * @param color 颜色
 * @returns 数据地址
 */
const ExclamationImage = (radio?: number, color?: string) => {
    const r = radio || 1;
    const col = color || '#ffffff';
    const canvas = document.createElement('canvas');
    canvas.width = canvas.height = 40 * r;
    const ctx = canvas.getContext('2d')!;

    ctx.save();
    ctx.strokeStyle = "rgba(0,0,0,0)";
    ctx.miterLimit = 4;
    ctx.fillStyle = col;
    ctx.scale(0.0385, 0.0385);
    ctx.save();
    ctx.beginPath();
    ctx.moveTo(512 * r, 682.666667 * r);
    ctx.bezierCurveTo(475.733333 * r, 682.666667 * r, 448 * r, 654.933334 * r, 448 * r, 618.666667 * r);
    ctx.lineTo(448 * r, 192 * r);
    ctx.bezierCurveTo(448 * r, 155.73333300000002 * r, 475.733333 * r, 128 * r, 512 * r, 128 * r);
    ctx.bezierCurveTo(548.266667 * r, 128 * r, 576 * r, 155.733333 * r, 576 * r, 192 * r);
    ctx.lineTo(576 * r, 618.666667 * r);
    ctx.bezierCurveTo(576 * r, 654.933333 * r, 548.266667 * r, 682.666667 * r, 512 * r, 682.666667 * r);
    ctx.closePath();
    ctx.moveTo(512 * r, 768 * r);
    ctx.bezierCurveTo(548.266667 * r, 768 * r, 576 * r, 795.733333 * r, 576 * r, 832 * r);
    ctx.bezierCurveTo(576 * r, 868.266667 * r, 548.266667 * r, 896 * r, 512 * r, 896 * r);
    ctx.bezierCurveTo(475.733333 * r, 896 * r, 448 * r, 868.266667 * r, 448 * r, 832 * r);
    ctx.bezierCurveTo(448 * r, 795.733333 * r, 475.733333 * r, 768 * r, 512 * r, 768 * r);
    ctx.closePath();
    ctx.fill();
    ctx.stroke();
    ctx.restore();

    return canvas.toDataURL('image/png');
}


export { ExclamationImage };